﻿<div><h2>Folders</h2>
</div>
<div id="divFolderList">    
</div>
<div>
    <input type="button" id="btnAdd" value="Add"/>
</div>
<!-- Templates -->
<script id="rootFolderTemplate" type="text/x-jquery-tmpl">
<div class='folder' data-id='0'>
    /root
</div>
</script>

<script id="parentFolderTemplate" type="text/x-jquery-tmpl">
<div class='folder' data-id='${Id}'>
    .. - ${Id}
</div>
</script>

<script id="folderTemplate" type="text/x-jquery-tmpl">
<div class='folder' data-id='${Id}' data-parentFolderId='${ParentFolderId}'>
    ${Name}   - id: ${Id}  - parentId : ${ParentFolderId} - description : ${Description}
</div>
</script>

<script src="@Url.Content("~/Scripts/hoot/hoot.api.folders.js")" type="text/javascript"></script>   
<script src="@Url.Content("~/Scripts/hoot/hoot.api.services.folders.js")" type="text/javascript"></script>   
<script src="@Url.Content("~/Scripts/hoot/hoot.views.folder.js")" type="text/javascript"></script>

    